﻿<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport"
	content="width=device-width,minimum-scale=0.5,maximum-scale=0.5,initial-scale=0.5" />

<title>测一测你或者你喜欢的女孩适合送的鲜花?(超准的)</title>

<!-- <link rel="stylesheet" type="text/css"
	href="/__/css2/reset.css$1354766687.css" media="all"> -->
<script type="text/javascript"
	src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<style tyle="text/css">
body {
	width: 640px;
	background: #f8f7f5
		url(http://beta.shadela.com/wp-content/themes/pinboard/images/body_bg.png)
		repeat;
	-webkit-user-select: none;
	-webkit-text-size-adjust: none;
	-webkit-touch-callout: none;
}

a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#t {
	padding: 30px;
}

#t .content p {
	font-size: 26px;
	color: #000;
	white-space: pre-wrap;
	border-bottom: 1px solid #dbdbdb;
}

#t .share {
	text-align: center;
	margin-top: 15px;
}

#t .share p {
	color: #6b5bdc;
	font-size: 36px;
	margin-bottom: 30px;
}

#t .title {
	margin-top: 80px;
}

#t .title h1 {
	font-size: 35px;
	color: #914812;
}

#t .title span {
	font-size: 22px;
	color: #666666
}

#t .title_s h1 {
	font-size: 32px;
	color: #444499;
}

#t .title_s span {
	font-size: 22px;
	color: #666666
}

#t .usercard {
	background:
		url(http://s7.mogujie.cn/pic/121128/sec_kqyuiu2fm5bfcs3wgfjeg5sckzsew_640x158.png)
		center;
	width: 580px;
	height: 160px;
	position: relative;
}

#t .avt {
	position: absolute;
	top: 25px;
	left: 10px;
}

#t .info {
	position: absolute;
	left: 130px;
	top: 35px;
}

#t .info .n {
	font-size: 24px;
	color: #8c8c8c;
}

#t .info .n b {
	font-size: 32px;
	color: #222;
	margin-right: 10px;
}

#t .qanda .step {
	height: 300px;
}

#t .qanda .step .a {
	font-size: 24px;
	color: #7474f5;
	margin-top: 35px;
	height: 115px;
}

#t .qanda .step .q div {
	font-size: 26px;
	color: #7474f5;
	padding-left: 60px;
	height: 45px;
	line-height: 45px;
	margin-bottom: 20px;
}

#t .qanda .step .q .n {
	background:
		url(http://s7.mogujie.cn/pic/121128/sec_kqyws52em5bhss3wgfjeg5sckzsew_43x42.png)
		no-repeat left
}

#t .qanda .step .q .c {
	background:
		url(http://s7.mogujie.cn/pic/121128/sec_kqywmu2em5bhsytwgfjeg5sckzsew_43x42.png)
		no-repeat left
}

#t .np {
	text-align: right;
}

#t .result .rt {
	margin-top: 40px;
}

#t .result .rt h2 {
	font-size: 24px;
	color: #444499;
}

#t .result .rt span {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	display: inline-block;
	background-color: #7474f5;
	padding: 2px 8px;
	margin: 25px 0;
}

#t .result .rt p {
	color: #7474f5;
	font-size: 24px;
}
ul li{
list-style-type:none;

width: 70px;
}
.q li
{
cursor:pointer;
filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=0, 

FinishOpacity=50, Style=2, Enabled='false');
}

</style>
</head>
<body>
	<div id="t">
<a href="http://dev.shadela.com/">
			<div class="usercard">
				  <img class="avt" src="http://dev.shadela.com/wp-content/themes/pinboard/images/shadela_2dcode.png">
				   
                <div class="info">
                    <span class="n"><b>修特拉</b>时尚·DIY·鲜花</span><br>
                    <span class="n">微信扫一扫二维码关注修特拉</span><br>
                   <span> <wb:follow-button uid="2966210460" type="red_1" width="67" height="24" ></wb:follow-button>
               </span> 
               </div>
			</div>
		</a>
		<div class="title">
			<h1>测一测你或者你喜欢的女孩适合送的鲜花?(超准的)</h1>
			<span>2012-11-23</span>
		</div>
		<div class="content">
			<div class="index">
				<a href="javascript:;" class="start"><img
					style="margin: 40px 0;"
					src="http://s7.mogujie.cn/pic/121128/sec_kqyw453em5bdiwlwgfjeg5sckzsew_580x133.png">
				</a> <img
					src="http://dev.shadela.com/wp-content/themes/pinboard/images/logo2.png">
			</div>
			<div class="qanda" style="display: none;">
		
				<img style="margin: 35px 0 25px"
					src="http://dev.shadela.com/wp-content/themes/pinboard/images/logo2.png">
					
				<div class="title_s">
					<h1>测一测你或者你喜欢的女孩适合送的鲜花?(超准的)</h1>
					<span>2012-11-23</span>
				</div>
					<div class="step s1">
					<p id="question" class="1">1.你喜欢独自旅行？</p>
					<div class="q">
						<div >	<ul style="">
						<li class="yes" onmouseover="yesover()" onmouseout="yesout()" background: blue; style="font-size: 30px">A.Yes</li>
				
						<li class="no" onmouseover="noover(this);" onmouseout="noout(this);" style="font-size: 30px">B.No</li>
						</ul> </div>
						
					</div>
				</div>
				
				<!-- <div class="np">
                    <a href="javascript:;" class="prev"><img src="http://s7.mogujie.cn/pic/121128/sec_kqyugzkem5bfqstwgfjeg5sckzsew_160x59.png"></a>
                    <a href="javascript:;" class="next"><img src="http://s7.mogujie.cn/pic/121128/sec_kqywuvcem5bhsv3wgfjeg5sckzsew_160x59.png"></a>
                </div> -->
			</div>
			<!-- <div class="share" style="display:none;">
                <img style="margin:35px 0 25px" src="http://s7.mogujie.cn/pic/121128/sec_kqytsvcfm5bf6qlwgfjeg5sckzsew_580x98.png">
                <p>分享到朋友圈 并 查看结果</p>
                <a href="javascript:;" onclick="WeiXinShareBtn();"><img src="http://s6.mogujie.cn/pic/121122/sec_kqyuuucbm5bf62cugfjeg5sckzsew_297x76.png"></a>
            </div> -->
			<div class="result" style="display: none;">
				<img style="margin: 35px 0 25px"
					src="http://dev.shadela.com/wp-content/themes/pinboard/images/logo2.png">
				<div class="title_s">
					<h1>测一测你或者你喜欢的女孩适合送的鲜花?(超准的)</h1>
					<span>2012-11-23</span>
				</div>
				<div class="rt r1" style="display: none;">
					<h2 >测试结果</h2>
					<span class="ppp">测试结果</span>
					<a href="/" class="s_logo"> <img id="image"
				src="http://img.baidu.com/img/image/imglogo.gif" width="117"
				height="38" alt="到百度图片首页">
			</a>
					<p class="jues">表面上的你温柔和蔼，可是内心却充实着攀比的思想。你的内心不允许你向任何人低头，你总是拼着自己的全力去和对手一比高下。</p>
				</div>
			
			</div>
		</div>
	</div>
	
<!-- Baidu Button BEGIN -->
<div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare">
<span class="bds_more">分享到：</span>
<a class="bds_qzone"></a>
<a class="bds_tsina"></a>
<a class="bds_tqq"></a>
<a class="bds_renren"></a>
<a class="bds_t163"></a>
<a class="shareCount"></a>
</div>
<script type="text/javascript" id="bdshare_js" data="type=tools&amp;uid=6530062" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000)
</script>
<!-- Baidu Button END -->
	<script type="text/javascript">
		var llink = 'http://www.mogujie.com/api_xmgj_v300_util/log?'
		 var question=["","","2.你每星期都会去逛街","3.你喜欢看浪漫爱情喜剧？","4.你习惯于早晨跑步？","5.你认为女人最重要的是婚姻 ？","6.你拥有很多的知心朋友","7.你喜欢聊电话","8.你喜欢时尚的衣服","9.你认为经济是爱情的保障","10.你睡眠的时间在零点以后",
		               "11.没事你喜欢喝点酒","12.你在家养了很多花","13.你喜欢听悲伤的情歌","14.你认为美是出自内心而并非表面","15.你喜欢魔术胜于杂技","16.你支持婚后性行为","17.你喜欢和不同类型的男人交往","18.你喜欢半夜想些伤心的事情",
		               "19.你认为自己双重人格严重","20.你会主动向喜欢的人告白","21.你会定期作美容"];
   
		var re=["A型、桔梗","B型、红玫瑰","C型、勿忘我"," D型、黄玫瑰","E型、白百合","F型、白玫瑰","G型、非洲菊"];
		var jishi=["你一定沉稳而淡雅，却在岁月的积淀中散发出不可抵挡的魅力。在你身边的每一个人都 会感受到你的美丽与淡定，与美貌无关，与年龄无关，却是沁人心脾的",
		           " 你一定是一份最永恒的时尚，总是以不变应万变的获得人生每一瞬间的精彩。魅力四射 是不消说的，你的光芒是无法被别人盖住的，如果你存在，那么你一定会让自己永远美 丽。只是有时要控制一下自己的脾气，谁让玫瑰带刺呢",
		           "你永远用清晰的眼光看着世间的纷扰，却没有避开的懦弱，永远用冷静的理智看着情场上的春去春来，却没有逃避。你是有勇气的，勇气因才华变得更加坚定。一定有那么一个男人，很多年后回想往事，才明白你是他心中永不磨灭的勿忘我",
		           "你一定是雍容华贵的，即使你是忙碌的上班族，也可以从你朝九晚五的工作中散发出传 统并高贵的魅力。艳丽如你，传统也如你，你不会放纵自己，也不会因为不值得的事情 虐待自己。",
		           "首先你是可爱的，其次你是善良的。不用想太多，做好你自己，你就是最纯洁的百合",
		           "你一定是有倾城之色的美女，并且透露着知性的芬芳。在你的生命中，最不可能缺少的就是爱情了，你的一缕秋波定会令无数男人心生荡漾。然而你又是优雅并婉转的女人，不会有卡门的火辣，有的只是莞尔一笑，却一笑倾城",
		           " 从表面上看，你应该是坚强并保守的，甚至你周围的朋友都会以为你清冷得有些孤傲。 但是你却是有非同寻常的热情在面对着生活，在你的心底更有着对世间一切最纯真的想 法。你有情却不多情，你可以改变却不善变。肤浅的男人不会触碰你，走进你的一定是 注定幸福的男子"];
		$('.start').click(function() {
			$('#t .title').hide();
			$('#t .index').hide();
			$('#t .qanda').show();
		
		});

		
		$('.step .q li').click(function() {
			var self = $(this);
			/* c_step++;
			if (5 <= c_step) {
				$('.qanda').hide();
				$('.result').show();
				$('.ppp').html(re[0]);
				document.getElementById("image").setAttribute("src","http://s7.mogujie.cn/pic/121128/sec_kqytsvcfm5bf6qlwgfjeg5sckzsew_580x98.png")
				$('.result .r' + 1).show();
			} else {
				$(".a").html(question[n]);
				$(".A").html(selectA[n]);
				$(".B").html(selectB[n]);		
				n++;
			} */
		
		// 	alert(self.attr("class"));
			$clas=$(".qanda p").attr("class");
			$num=parseInt($clas) ;
		
		if($num<=10){
			if(self.attr("class")=="yes"){
				$nnum=$num*2;
				$("#question").html(question[$nnum]);
				$(".qanda p").attr("class",$nnum);
			
			}
			if(self.attr("class")=="no"){
				$nonum=$num*2+1;
				$("#question").html(question[$nonum]);
				$(".qanda p").attr("class",$nonum);
			}
		}
		 else if(11<=$num && $num<=13){
			 
			 if(self.attr("class")=="yes"){
					$nnum=$num-3;
					$("#question").html(question[$nnum]);
					$(".qanda p").attr("class",$nnum);
				
				}
				if(self.attr("class")=="no"){
					if($num==13){
						$nonum=$num-5;
						$("#question").html(question[$nonum]);
						$(".qanda p").attr("class",$nonum);
					}
					else
						{
						$nonum=$num-1;
						$("#question").html(question[$nonum]);
						$(".qanda p").attr("class",$nonum);
						}
				}
		}
		else if($num==15||$num==14){
			
			 if(self.attr("class")=="yes"){
				 $nnum=$num-5;
					$("#question").html(question[$nnum]);
					$(".qanda p").attr("class",$nnum);
					
				}
				if(self.attr("class")=="no"){
					$nonum=$num-6;
					$("#question").html(question[$nonum]);
					$(".qanda p").attr("class",$nonum);
				}
		}
		else if(16<=$num && $num<=20){
			 if(self.attr("class")=="yes"){
				 $('.qanda').hide();
				 $('.result').show();
				 if($num==16){
				$('.ppp').html(re[0]);
					 document.getElementById("image").setAttribute("src","http://s7.mogujie.cn/pic/121128/sec_kqytsvcfm5bf6qlwgfjeg5sckzsew_580x98.png");
					$('.jues').html(jishi[0]);
			 }
				 if($num==17){
						$('.ppp').html(re[1]);
							 document.getElementById("image").setAttribute("src","http://s7.mogujie.cn/pic/121128/sec_kqytsvcfm5bf6qlwgfjeg5sckzsew_580x98.png");
							$('.jues').html(jishi[1]);
					 }
				 if($num==18){
						$('.ppp').html(re[2]);
							 document.getElementById("image").setAttribute("src","http://s7.mogujie.cn/pic/121128/sec_kqytsvcfm5bf6qlwgfjeg5sckzsew_580x98.png");
							$('.jues').html(jishi[2]);
					 }
				 if($num==19){
						$('.ppp').html(re[3]);
							 document.getElementById("image").setAttribute("src","http://s7.mogujie.cn/pic/121128/sec_kqytsvcfm5bf6qlwgfjeg5sckzsew_580x98.png");
							$('.jues').html(jishi[3]);
					 }
				 if($num==20){
						$('.ppp').html(re[4]);
							 document.getElementById("image").setAttribute("src","http://s7.mogujie.cn/pic/121128/sec_kqytsvcfm5bf6qlwgfjeg5sckzsew_580x98.png");
							$('.jues').html(jishi[4]);
					 }
					$('.result .r' + 1).show();
			 }
			  
			  		
				if(self.attr("class")=="no"){
					$nonum=$num+1;
					$("#question").html(question[$nonum]);
					$(".qanda p").attr("class",$nonum);
				}
		}
		else if($num==21){
			 if(self.attr("class")=="yes"){
				 $('.qanda').hide();
				 $('.result').show();
				$('.ppp').html(re[5]);
					 document.getElementById("image").setAttribute("src","http://s7.mogujie.cn/pic/121128/sec_kqytsvcfm5bf6qlwgfjeg5sckzsew_580x98.png");
					$('.jues').html(jishi[5]);
					$('.result .r' + 1).show();
				}
				 if(self.attr("class")=="no"){
					 $('.qanda').hide();
					 $('.result').show();
					$('.ppp').html(re[6]);
						 document.getElementById("image").setAttribute("src","http://s7.mogujie.cn/pic/121128/sec_kqytsvcfm5bf6qlwgfjeg5sckzsew_580x98.png");
						$('.jues').html(jishi[6]);
						$('.result .r' + 1).show();
				} 
		} 
		});
		
		//鼠标移上来。高亮度显示
		function yesover()
		{ 
	$('.yes').attr("style","font-size: 40px"); 
	
		}
		function yesout()
		{
			$('.yes').attr("style","font-size: 30px");
		}
		function noover()
		{ 
	$('.no').attr("style","font-size: 40px"); 
	
		}
		function noout()
		{
			$('.no').attr("style","font-size: 30px");
		}
	</script>
</body>
</html>
